<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bom</title>
</head>
<body>
    <button id="btn">取消延迟执行</button>
</body>
<script>
    //确认框
    /*var result = window.confirm("确认删除该条数据吗?");
    if(result){
        alert("用户确认了操作");
    }
    else{
        alert("用户取消了操作");
    }*/
    //console.log(result);

    //输入框
    //接收的用户输入会作为prompt的返回值
    //如果用户取消，返回值为null
    /*var p1 = window.prompt("请输入用户的姓名：", "文本框默认值");
    console.log(p1);*/

    var btn = document.getElementById("btn");
    /**
     * 可以延迟执行一段代码
     * 只执行一次
     * 1s=1000ms
    */
    var timeId = setTimeout(function(){
        alert("3秒时间到！");
    }, 3000);
    //clearTimeout(id);
    //清楚特定id的延迟执行
    btn.onclick = function(){
        clearTimeout(timeId);
    }
</script>
</html>